﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="ViewBouts.aspx.cs" Inherits="RockPaperScissors.Web.ViewBouts" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cntMain" runat="server">
    <asp:Panel ID="pnlNoBout" Visible="false" runat="server">
        <div>
            No bouts are currently running for this round.
        </div>
    </asp:Panel>

    <asp:Panel ID="pnlBout" runat="server">
        <div id="boutMain">
            <div class="teams">
                <asp:Label ID="lblTeamOne" runat="server" />
                vs
                <asp:Label ID="lblTeamTwo" runat="server" />
            </div>
            <br />
            
            <div id="bouts">
                <div id="teamOneBout">
                    <asp:Label ID="lblTeamOneRecord" CssClass="record" runat="server" />
                    <br />
                    <asp:Image ID="imgTeamOneMove" CssClass="boutImage" ImageUrl="/images/spinner.gif" runat="server" />
                </div>

                <div id="teamTwoBout">
                <asp:Label ID="lblTeamTwoRecord" CssClass="record"  runat="server" />
                <br />
                <asp:Image ID="imgTeamTwoMove" CssClass="boutImage" ImageUrl="/images/spinner.gif" runat="server" />
            </div>
            </div>

            <br />
            <div id="winner">
                <asp:Label ID="lblWinner" runat="server" />  <asp:Label ID="lblWins" Text="wins!" runat="server" />
            </div>
            <br />

        </div>
    </asp:Panel>
    <script type="text/javascript">
        //TODO: put a java script count down as to when the next page load is
        setTimeout("__doPostBack(null, null);", 10000);
    </script>
</asp:Content>

